<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
<f:be.pageRenderer includeCssFiles="{stylesheets}" addInlineSettings="{addInlineSettings}" includeJsFiles="{0: 'EXT:backend/Resources/Public/JavaScript/jsfunc.tbe_editor.js'}" />
<div data-identifier="moduleLoadingIndicator" class="form-editor-loading-spinner">
    <core:icon identifier="spinner-circle-dark" size="default" />
    <div class="form-editor-loading-spinner-label"><f:translate key="LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.loading" /></div>
</div>
<div data-identifier="moduleWrapper" class="hidden">
    <f:format.raw>{formEditorTemplates}</f:format.raw>
    <section id="t3-form-navigation-component" class="t3-form-x-component" data-identifier="structureSection">
        <div id="t3-form-structure-panel">
            <f:render section="ElementSidebarTree" />
        </div>
    </section>
    <section id="t3-form-stage-container" data-identifier="stageContainer">
        <div id="t3-form-stage-inner-container" data-identifier="stageContainerInner">
            <header id="t3-form-stage-header">
                <f:render section="Header" />
            </header>
            <div id="t3-form-stage-content">
                <f:render section="Stage" />
            </div>
        </div>
    </section>
    <section id="t3-form-inspector-panels-container" class="t3-form-x-component" data-identifier="inspectorSection">
        <f:render section="Inspector" />
    </section>
</div>
<script>
    require(['{dynamicRequireJsModules.app}', '{dynamicRequireJsModules.mediator}', '{dynamicRequireJsModules.viewModel}'], function (formEditorApp, mediator, viewModel) {
        window.TYPO3.FORMEDITOR_APP = formEditorApp.getInstance(
            <f:format.htmlentitiesDecode>{formEditorAppInitialData}</f:format.htmlentitiesDecode>,
            mediator,
            viewModel
        ).run();
    });
</script>
</html>
